<?php
/**
 * @package                Joomla.Site
 * @subpackage	Templates.beez_20
 * @copyright        Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license                GNU General Public License version 2 or later; see LICENSE.txt
 */
// No direct access.
defined('_JEXEC') or die;

jimport('joomla.filesystem.file');

// check modules
$showRightColumn = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showbottom = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));

if ($showRightColumn == 0 and $showleft == 0) {
    $showno = 0;
}

JHtml::_('behavior.framework', true);

// get params
$color = $this->params->get('templatecolor');
$logo = $this->params->get('logo');
$navposition = $this->params->get('navposition');
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$templateparams = $app->getTemplate(true)->params;

$doc->addStyleSheet($this->baseurl . '/templates/system/css/system.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/position.css', $type = 'text/css', $media = 'screen,projection');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/layout.css', $type = 'text/css', $media = 'screen,projection');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/print.css', $type = 'text/css', $media = 'print');

$files = JHtml::_('stylesheet', 'templates/' . $this->template . '/css/general.css', null, false, true);
if ($files):
    if (!is_array($files)):
        $files = array($files);
    endif;
    foreach ($files as $file):
        $doc->addStyleSheet($file);
    endforeach;
endif;

$doc->addStyleSheet('templates/' . $this->template . '/css/' . htmlspecialchars($color) . '.css');
if ($this->direction == 'rtl') {
    $doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template_rtl.css');
    if (file_exists(JPATH_SITE . '/templates/' . $this->template . '/css/' . $color . '_rtl.css')) {
        $doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/' . htmlspecialchars($color) . '_rtl.css');
    }
}

$doc->addScript($this->baseurl . '/templates/' . $this->template . '/javascript/md_stylechanger.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/javascript/hide.js', 'text/javascript');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
    <head>
        <jdoc:include type="head" />

        <!--[if lte IE 6]>
        <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
        <?php if ($color == "personal") : ?>
                                                                        <style type="text/css">
                                                                        #line {
                                                                                width:98% ;
                                                                        }
                                                                        .logoheader {
                                                                                height:200px;
                                                                        }
                                                                        #header ul.menu {
                                                                                display:block !important;
                                                                                width:98.2% ;
                                                                        }
                                                                        </style>
        <?php endif; ?>
        <![endif]-->

        <!--[if IE 7]>
        <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ie7only.css" rel="stylesheet" type="text/css" />
        <![endif]-->

    </head>

    <body>

        <div id="all">
            <div id="back">
                <div id="header">
                    <div class="logoheader">
                        <h1 id="logo">
                            <?php if ($logo): ?>
                                <img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>"  alt="<?php echo htmlspecialchars($templateparams->get('sitetitle')); ?>" />
                            <?php endif; ?>
                            <?php if (!$logo): ?>
                                <?php echo htmlspecialchars($templateparams->get('sitetitle')); ?>
                            <?php endif; ?>
                            <span class="header1">
                                <?php echo htmlspecialchars($templateparams->get('sitedescription')); ?>
                            </span>
                        </h1>
                    </div><!-- end logoheader -->
                </div><!-- end header -->
                <div id="top-menu">
                    <ul>
                        <li>Top menu 1</li>
                        <li>Top menu 2</li>
                        <li>Top menu 3</li>
                        <li>Top menu 4</li>
                    </ul>
                </div>
                <div id="main-menu">
                    <ul>
                        <li>メニュー１</li>
                        <li>メニュー２</li>
                        <li>メニュー３</li>
                        <li>メニュー５</li>
                    </ul>
                </div>
                <div id="top-message">
                    サイトマップ　お問い合わせ
                </div>
                <div id="top-category">
                    <div class="single-top-category">
                        <p class="title-top-category">
                            タイトル
                        </p>
                        <img src="images/product/top-category.jpg"/>
                        <p>
                            <a href="#">
                                カテゴリー
                            </a>
                        </p>
                    </div>
                    <div class="single-top-category">
                        <p class="title-top-category">
                            タイトル
                        </p>
                        <img src="images/product/top-category.jpg"/>
                        <p>
                            <a href="#">
                                カテゴリー
                            </a>
                        </p>
                    </div>
                    <div class="single-top-category">
                        <p class="title-top-category">
                            タイトル
                        </p>
                        <img src="images/product/top-category.jpg"/>
                        <p>
                            <a href="#">
                                カテゴリー
                            </a>
                        </p>
                    </div>
                    <div class="single-top-category">
                        <p class="title-top-category">
                            タイトル
                        </p>
                        <img src="images/product/top-category.jpg"/>
                        <p>
                            <a href="#">
                                カテゴリー
                            </a>
                        </p>
                    </div>
                    <div class="single-top-category">
                        <p class="title-top-category">
                            タイトル
                        </p>
                        <img src="images/product/top-category.jpg"/>
                        <p>
                            <a href="#">
                                カテゴリー
                            </a>
                        </p>
                    </div>
                    <div class="single-top-category">
                        <p class="title-top-category">
                            タイトル
                        </p>
                        <img src="images/product/top-category.jpg"/>
                        <p>
                            <a href="#">
                                カテゴリー
                            </a>
                        </p>
                    </div>
                    <div class="single-top-category">
                        <p class="title-top-category">
                            タイトル
                        </p>
                        <img src="images/product/top-category.jpg"/>
                        <p>
                            <a href="#">
                                カテゴリー
                            </a>
                        </p>
                    </div>
                    <div class="single-top-category">
                        <p class="title-top-category">
                            タイトル
                        </p>
                        <img src="images/product/top-category.jpg"/>
                        <p>
                            <a href="#">
                                カテゴリー
                            </a>
                        </p>
                    </div>
                </div>
                <div class="clear"></div>
                <div id="transport-message">
                    <ul>
                        <li>送料無料のスペシャル商品の説明</li>
                		<li>送料無料のスペシャル商品の説明</li>
                        <li>送料無料のスペシャル商品の説明</li>
                    </ul>
                </div>
                <div id="advertising">
                    <div>
                        <a href="#">
                            <img src="images/banners/advertising.jpg"/>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="images/banners/advertising.jpg"/>
                        </a>
                    </div>
                </div>
                <div id="contentarea">
                    <div id="breadcrumbs">
                        <jdoc:include type="modules" name="position-2" />
                    </div>
                    <div class="clear"></div>
                    <div id="left">
                        <div class="module search">
                            <p>
                                のびた
                            </p>
                            <input type="text" name="search" value="" />
                            <input type="submit" value="ひかる" name="search" />
                        </div>
                        <div class="module top-ten-product">
                            <p class="text-top-ten-product">
                                売れるランキング<br/>Ranking sell
                            </p>
                            <div class="single-top-ten-product first-product">
                                <p class="rank-product">
                                    <span>１</span>
                                </p>
                                <p class="image-top-product">
                                    <a href="#">
                                        <img src="images/product/top-product.jpg" alt="top product"/><br/>
                                        ひかる　のびた　すずき
                                    </a> 
                                </p>
                            </div>
                            <div class="single-top-ten-product second-product">
                                <p class="rank-product">
                                    <span>２</span>
                                </p>
                                <p class="image-top-product">
                                    <a href="#">
                                        <img src="images/product/top-product.jpg" alt="top product"/><br/>
                                        ひかる　のびた　すずき
                                    </a> 
                                </p>
                            </div>
                            <div class="single-top-ten-product">
                                <p class="rank-product">
                                    <span>３</span>
                                </p>
                                <p class="image-top-product">
                                    <a href="#">
                                        <img src="images/product/top-product.jpg" alt="top product"/><br/>
                                        ひかる　のびた　すずき
                                    </a> 
                                </p>
                            </div>
                            <div class="single-top-ten-product">
                                <p class="rank-product">
                                    <span>４</span>
                                </p>
                                <p class="image-top-product">
                                    <a href="#">
                                        <img src="images/product/top-product.jpg" alt="top product"/><br/>
                                        ひかる　のびた　すずき
                                    </a> 
                                </p>
                            </div>
                            <div class="single-top-ten-product">
                                <p class="rank-product">
                                    <span>５</span>
                                </p>
                                <p class="image-top-product">
                                    <a href="#">
                                        <img src="images/product/top-product.jpg" alt="top product"/><br/>
                                        ひかる　のびた　すずき
                                    </a> 
                                </p>
                            </div>
                        </div>
                        <div class="module phone-bar-code">
                            <img src="images/bar-code.jpg"/>
                        </div>
                        <div class="module left-advertising">
                            <div class="left-advertising-element">
                                <span>注意：バーコードはダミーです</span>
                                <a href="#">
                                    <img src="images/banners/bottom-advertising-3.jpg"/>
                                </a>
                            </div>
                            <div class="left-advertising-element">
                                <span>注意：バーコードはダミーです</span>
                                <a href="#">
                                    <img src="images/banners/bottom-advertising-4.jpg"/>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div id="main">
                        <jdoc:include type="message" />
                        <div id="news">
                            <div class="news-left">
                                <div class="news-banner">
                                    <a href="#">
                                        <img src="images/product/news-banner.jpg" alt="news banner"/>
                                    </a>
                                </div>
                                <div class="news-list-right">
                                    <h3>ひかる　のびた　おざわ　まりあ</h3>
                                    <div>
                                        <p>
                                            マリア　おざわ　マリア　すずき　ぶびぶま
                                        </p>
                                        <p>
                                            マリア　おざわ　マリア　すずき　ぶびぶま
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="news-right">
                                <div class="news-board">
                                    <h3>お店の掲示板</h3>
                                    <p>
                                        お知らせ　内容<br/>
                                        お知らせ　内容<br/>
                                        お知らせ　内容<br/>
                                        お知らせ　内容
                                    </p>
                                    <p>
                                        お知らせ　内容<br/>
                                        お知らせ　内容<br/>
                                        お知らせ　内容
                                    </p>
                                </div>
                                <div class="news-list">
                                    <h3>ひかる　すずき　のびた</h3>
                                    <div>
                                        <p>
                                            <span>「２０．０５．１２」ひかる　のびた</span><br/>
                                            日かる　のびた　すずき 日かる　のびた　すずき 日かる　のびた　すずき
                                        </p>
                                        <p>
                                            <span>「２０．０５．１２」ひかる　のびた</span><br/>
                                            日かる　のびた　すずき 日かる　のびた　すずき 日かる　のびた　すずき
                                        </p>
                                        <p>
                                            <span>「２０．０５．１２」ひかる　のびた</span><br/>
                                            日かる　のびた　すずき 日かる　のびた　すずき 日かる　のびた　すずき
                                        </p>
                                        <p>
                                            <span>「２０．０５．１２」ひかる　のびた</span><br/>
                                            日かる　のびた　すずき 日かる　のびた　すずき 日かる　のびた　すずき
                                        </p>
                                        <p>
                                            <span>「２０．０５．１２」ひかる　のびた</span><br/>
                                            日かる　のびた　すずき 日かる　のびた　すずき 日かる　のびた　すずき
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="advertising">
                            <img src="images/banners/advertising-1.jpg" alt="advertising"/>
                            <img src="images/banners/advertising-2.jpg" alt="advertising"/>
                        </div>
                        <div class="list-new-product">
                            <h3>ひかるのびたひずこおざわ</h3>
                            <div>
                                <div class="single-new-product">
                                    <div class="image-product">
                                        <img src="images/product/top-product.jpg"/>
                                    </div>
                                    <div class="description-product">
                                        <p>
                                            <span class="name">ひかくふこきまるこ　２０・１０・１２</span><br/>
                                            一押しの商品の説明一押しの商品の説明一押しの商品の説明<br/>
                                            <span class="price">50,000</span><br/>
                                        </p>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="single-new-product">
                                    <div class="image-product">
                                        <img src="images/product/top-product.jpg"/>
                                    </div>
                                    <div class="description-product">
                                        <p>
                                            <span class="name">ひかくふこきまるこ　２０・１０・１２</span><br/>
                                            一押しの商品の説明一押しの商品の説明一押しの商品の説明<br/>
                                            <span class="price">50,000</span><br/>
                                        </p>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="single-new-product">
                                    <div class="image-product">
                                        <img src="images/product/top-product.jpg"/>
                                    </div>
                                    <div class="description-product">
                                        <p>
                                            <span class="name">ひかくふこきまるこ　２０・１０・１２</span><br/>
                                            一押しの商品の説明一押しの商品の説明一押しの商品の説明<br/>
                                            <span class="price">50,000</span><br/>
                                        </p>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="single-new-product">
                                    <div class="image-product">
                                        <img src="images/product/top-product.jpg"/>
                                    </div>
                                    <div class="description-product">
                                        <p>
                                            <span class="name">ひかくふこきまるこ　２０・１０・１２</span><br/>
                                            一押しの商品の説明一押しの商品の説明一押しの商品の説明<br/>
                                            <span class="price">50,000</span><br/>
                                        </p>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                        <div class="list-category-product">
                            <div class="category-product">
                                <div class="category-product-image">
                                    <div class="category-product-icon"></div>
                                    <img src="images/product/top-product.jpg"/>
                                </div>
                                <div class="category-product-info">
                                    <p class="title">１．商品名</p>
                                    <p class="description">商品の説明　商品の説明　商品の説明</p>
                                    <p class="price">¥4,980 (税込)</p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="category-product">
                                <div class="category-product-image">
                                    <div class="category-product-icon"></div>
                                    <img src="images/product/top-product.jpg"/>
                                </div>
                                <div class="category-product-info">
                                    <p class="title">１．商品名</p>
                                    <p class="description">商品の説明　商品の説明　商品の説明</p>
                                    <p class="price">¥4,980 (税込)</p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="category-product">
                                <div class="category-product-image">
                                    <div class="category-product-icon"></div>
                                    <img src="images/product/top-product.jpg"/>
                                </div>
                                <div class="category-product-info">
                                    <p class="title">１．商品名</p>
                                    <p class="description">商品の説明　商品の説明　商品の説明</p>
                                    <p class="price">¥4,980 (税込)</p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="category-product">
                                <div class="category-product-image">
                                    <div class="category-product-icon"></div>
                                    <img src="images/product/top-product.jpg"/>
                                </div>
                                <div class="category-product-info">
                                    <p class="title">１．商品名</p>
                                    <p class="description">商品の説明　商品の説明　商品の説明</p>
                                    <p class="price">¥4,980 (税込)</p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="category-product">
                                <div class="category-product-image">
                                    <div class="category-product-icon"></div>
                                    <img src="images/product/top-product.jpg"/>
                                </div>
                                <div class="category-product-info">
                                    <p class="title">１．商品名</p>
                                    <p class="description">商品の説明　商品の説明　商品の説明</p>
                                    <p class="price">¥4,980 (税込)</p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="category-product">
                                <div class="category-product-image">
                                    <div class="category-product-icon"></div>
                                    <img src="images/product/top-product.jpg"/>
                                </div>
                                <div class="category-product-info">
                                    <p class="title">１．商品名</p>
                                    <p class="description">商品の説明　商品の説明　商品の説明</p>
                                    <p class="price">¥4,980 (税込)</p>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="bottom-advertising">
                            <div class="bottom-advertising-image bottom-advertising-image-left">
                                <img src="images/banners/bottom-advertising.jpg"/>
                            </div>
                            <div class="bottom-advertising-image bottom-advertising-image-right">
                                <img src="images/banners/bottom-advertising-2.jpg"/>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div><!-- end main -->
                </div><!-- end wrapper -->
            </div> <!-- end contentarea -->
        </div><!-- back -->
        <div id="footer-outer">
            <?php if ($showbottom) : ?>
                <div id="footer-inner">
                    <div id="bottom">
                        <div class="box box1"> <jdoc:include type="modules" name="position-9" style="beezDivision" headerlevel="3" /></div>
                        <div class="box box2"> <jdoc:include type="modules" name="position-10" style="beezDivision" headerlevel="3" /></div>
                        <div class="box box3"> <jdoc:include type="modules" name="position-11" style="beezDivision" headerlevel="3" /></div>
                    </div>
                </div>
            <?php endif; ?>

            <div id="footer-sub">
                <div id="footer">
                    <jdoc:include type="modules" name="position-14" />
                    <p>
                        <?php echo JText::_('ヒカル　ノビタ　サスケ'); ?> <a href="http://www.google.com.vn/">ニキナワ</a>
                    </p>
                </div><!-- end footer -->
            </div>

        </div>
        <jdoc:include type="modules" name="debug" />
    </body>
</html>
